@charset "utf-8";
@font-face {
    font-family: DroidSans;
    src: url(DroidSans.ttf);
}

body {
    margin: 0;
    padding: 0;
    width: 100%;
    color: #929292;

    background: url(../images/main_bg.gif) repeat-x left top,
    url("../images/background.png") repeat top;

    /*background: #ececec url(../images/main_bg.gif) repeat-x left top,*/
    /*url("../images/background.png");*/
    font-family: DroidSans;
}

html, .main {
    padding: 0;
    margin: 0;
}

.main {
    background: no-repeat center top;
}

.clr {
    clear: both;
    padding: 0;
    margin: 0;
    width: 100%;
    font-size: 0;
    line-height: 0;
}

.wrapper-side {
    width: 100%;
    height: 110px;
    /*background: yellow;*/
}

.wrapper-card {
    width: 100%;
    height: 110px;
    /*background: yellow;*/
}

.section {
    float: left;
    height: 58px;
    margin-left: 10px;
    width: 98px;
    /*background: wheat;*/
}

.section-text {
    float: left;
    height: 70px;
    margin-left: 10px;
    width: 110px;
    padding-top: 30px;
}

.section-card-text {
    float: right;
    height: 70px;
    margin-left: 10px;
    width: 80%;
    font-size: x-large;
    padding-top: 30px;
    /*background: skyblue;*/
}

h2 {
    margin: 8px 0;
    padding: 8px 0;
    font-size: 25px;
    font-weight: normal;
    color: white;
    text-align: center;
}

p {
    margin: 8px 0;
    padding: 0 0 8px 0;
}

a {
    color: #0a83c0;
    text-decoration: underline;
}

.header, .content, .menu_nav, .fbg, .footer, form, ol, ol li, ul, .content .mainbar, .content .sidebar {
    margin: 0;
    padding: 0;
}

.header {

}

.header_resize {
    margin: 0 auto;
    padding: 0;
    width: 1000px;
}

.logo {
    margin: 0;
    padding: 0;
    height: 86px;
}

.addtitle {
    /*margin-top: 5px;*/
}

h1 {
    margin: 0;
    padding: 24px 0;
    font-size: 49px;
    font-weight: normal;
    line-height: 0.4em;
    text-transform: none;
    text-align: center;
}

h1 a, h1 a:hover {
    color: #363636;
    text-decoration: none;
}

h1 span {
    color: #fff;
    /*background: sandybrown;*/
}

small div {
    color: #fff;
    margin: 0;
    font-size: small;
    font-weight: normal;
    text-transform: none;
    text-align: center;
    /*background: tan;*/
}

h1 small {
    display: block;
    margin: 0;
    font-size: 14px;
    line-height: 1.2em;
    letter-spacing: normal;
    text-transform: uppercase;
    color: #363636;
}

.slider {
    padding: 0 0 34px;
}

.rss {
    padding: 18px 20px 0 0;
    float: right;
    width: auto;
}

.rss p {
    margin: 0;
    padding: 0;
    float: right;
    width: auto;
    color: #fff;
    font-size: 13px;
    line-height: 1.5em;
    font-weight: bold;
}

.rss a {
    color: #fff;
    text-decoration: none;
}

.rss a:hover {
    text-decoration: underline;
}

.rss img {
    margin: -3px 0 -3px 6px;
    border: none;
}

.menu_nav {
    margin: 0 auto;
    padding: 0 0 24px 130px;
    height: 51px;
    float: left;
}

.menu_nav ul {
    list-style: none;
    padding: 0;
    height: 51px;
    float: left;
}

.menu_nav ul li {
    margin: 0;
    padding: 0 2px 0 0;
    float: left;
}

.menu_nav ul li a {
    display: block;
    margin: 0;
    padding: 18px 0 0;
    width: 138px;
    height: 33px;
    font-size: 15px;
    line-height: 18px;
    font-weight: normal;
    color: #363636;
    text-decoration: none;
    text-transform: none;
    text-align: center;
    background: url(../images/menu_p.png) no-repeat center top;
}

.menu_nav ul li.active a, .menu_nav ul li a:hover {
    text-decoration: none;
    color: #fff;
    background: url(../images/menu_a.png) no-repeat center top;
}

.content {
    padding: 0 0 24px;
    color: black;
}

.content_resize {
    margin: 0 auto;
    padding: 18px 0;
    width: 960px;
    background: #fff url(../images/content_bg.gif) repeat-y 690px top;
}

.content_table {
    margin: 0 auto;
    padding: 18px 0;
    width: 100%;
}

.content .mainbar {
    margin: 0;
    padding: 0 0 0 20px;
    float: left;
    width: 640px;
}

.content .mainbar h2 {
    margin-bottom: 0;
    padding-bottom: 0;
    font-size: 28px;
    line-height: 1.2em;
    color: #3f3f3f;
}

.content .mainbar div.img {
    padding: 12px 0 0;
    float: left;
}

.content .mainbar img {
}

.content .mainbar img.fl {
    margin: 0;
    padding: 0;
    background: #fff;
    border: none;
}

.content .mainbar .article {
    margin: 0 0 32px;
    padding: 0;
    background: repeat-x left bottom;
}

.content .mainbar .post_content {
    float: left;
    padding: 20px;
    line-height: 30px;
}

.content .mainbar .post_content strong {
    color: #3f3f3f;
}

.content .sidebar {
    padding: 0 20px;
    float: right;
    width: 230px;
}

.content .sidebar .gadget {
    margin: 0 0 12px;
    padding: 8px 0;
    background: repeat-x left bottom;
}

.content .sidebar h2 {
    color: #0a83c0;
    text-transform: none;
}

ul.sb_menu, ul.ex_menu {
    margin: 0;
    padding: 0;
    list-style: none;
    color: #929292;
}

ul.sb_menu li, ul.ex_menu li {
    margin: 0;
}

ul.sb_menu li {
    padding: 8px 0;
    width: 220px;
}

ul.ex_menu li {
    padding: 4px 0;
}

ul.sb_menu li a {
    color: #929292;
    text-decoration: none;
    margin-left: -16px;
    padding: 4px 8px 4px 16px;
}

ul.ex_menu li a {
    font-weight: bold;
    color: #3f3f3f;
    text-decoration: none;
}

ul.sb_menu li a:hover, ul.ex_menu li a:hover {
    color: #0a83c0;
    font-weight: bold;
    text-decoration: underline;
}

p.spec {
    padding: 0 0 16px;
}

p.infopost {
    margin-bottom: 0;
    padding: 0 0 8px;
    color: #929292;
}

p.infopost a {
    padding: 0 2px;
    color: #6e6e6e;
    text-decoration: underline;
}

.content .mainbar a.com {
    margin: 0;
    padding: 0;
    float: right;
    font-weight: normal;
    text-decoration: none;
    color: #929292;
}

.content .mainbar a.com:hover {
    text-decoration: none;
}

.content .mainbar a.com span {
    padding-left: 4px;
    font-weight: bold;
    color: #0a83c0;
}

.content .mainbar a.rm {
    float: right;
    margin: 0 0 16px;
    padding: 10px 0 0;
    width: 96px;
    height: 20px;
    font-size: 13px;
    line-height: 18px;
    font-weight: normal;
    text-transform: none;
    color: #fff;
    text-decoration: none;
    text-align: center;
    background: url(../images/readmore.jpg) no-repeat center top;
}

.content p.pages {
    margin: 0;
    padding: 24px 0;
    font-size: 11px;
    color: #929292;
    text-align: left;
}

.content p.pages span, .content p.pages a {
    padding: 8px 12px;
    text-decoration: none;
    background: #fff;
}

.content p.pages span, .content p.pages a:hover {
    color: #fff;
    background: #0a83c0;
}

.content p.pages a {
    color: #929292;
}

.content p.pages small {
    font-size: 12px;
    float: right;
}

.content .mainbar .comment {
    margin: 0;
    padding: 16px 0 0 0;
}

.content .mainbar .comment img.userpic {
    border: 1px solid #dedede;
    margin: 10px 16px 0 0;
    padding: 0;
    float: left;
}

.fbg {
    background: #323232;
}

.fbg_resize {
    margin: 0 auto;
    width: 920px;
    padding: 16px 20px;
    color: #6e6e6e;
}

.fbg h2 {
    color: #b6b6b6;
    padding-bottom: 24px;
}

.fbg img.gal {
    margin: 0 8px 8px 0;
    padding: 0;
    border: none;
}

.fbg .col {
    margin: 0;
    float: left;
}

.fbg .c1 {
    padding: 0 16px 0 0;
    width: 280px;
}

.fbg .c2 {
    padding: 0 36px 0 16px;
    width: 280px;
}

.fbg .c3 {
    padding: 0 0 0 16px;
    width: 274px;
}

.fbg .fbg_ul {
    margin: 0;
    padding: 0;
    list-style: none;
}

.fbg .fbg_ul li {
    margin: 0;
    padding: 0;
    list-style: none;
}

.fbg .fbg_ul li a {
    display: block;
    margin: 0;
    padding: 2px 0 2px 12px;
    color: #6e6e6e;
    text-decoration: none;
    background: url(../images/li.gif) no-repeat left center;
}

.fbg .fbg_ul li a:hover {
    color: #0a83c0;
    text-decoration: underline;
}

.fbg p.contact_info {
    line-height: 1.8em;
}

.fbg p.contact_info a {
    color: #0a83c0;
    text-decoration: underline;
}

.fbg p.contact_info span {
    display: block;
    float: left;
    width: 74px;
    font-weight: bold;
    color: #b6b6b6;
}

ol {
    list-style: none;
}

ol li {
    display: block;
    clear: both;
}

ol li label {
    display: block;
    margin: 0;
    padding: 16px 0 0 0;
}

ol li input.text {
    width: 480px;
    border: 1px solid #c0c0c0;
    margin: 0;
    padding: 5px 2px;
    height: 16px;
    background-color: #fff;
}

ol li textarea {
    width: 480px;
    border: 1px solid #c0c0c0;
    margin: 0;
    padding: 2px;
    background-color: #fff;
}

ol li .send {
    margin: 16px 0 0 0;
}

.searchform {
    margin: 0 0 32px;
    padding: 0;
    float: left;
}

#formsearch {
    margin: 0;
    padding: 12px 0;
    width: auto;
    height: 30px;
}

#formsearch span {
    display: block;
    margin: 0;
    padding: 0;
    float: left;
    background: url(../images/search_bg.gif) no-repeat left top;
}

.editbox_search {
    margin: 0;
    padding: 8px 6px;
    float: left;
    width: 194px;
    font-size: 12px;
    line-height: 14px;
    color: #000000;
    border: solid;
    border: 1px;
    background: #eef2f5;
}

.button_search {
    margin: 0;
    padding: 0;
    border: 1px;
    float: right;
}

.footer {
    background-color: #191919;
    height: 70px;
}

.footer_resize {
    margin: 0 auto;
    padding: 0 20px;
    width: 920px;
    line-height: 1.5em;
    color: #6e6e6e;
}

.footer_resize p {
    margin: 24px 0;
    padding: 0;
    line-height: normal;
    white-space: nowrap;
    text-indent: inherit;
}

.footer_resize a {
    color: #0a83c0;
    font-weight: normal;
    margin: 0;
    padding: 0;
    border: none;
    text-decoration: underline;
    background-color: transparent;
}

.footer_resize a:hover {
    color: #0a83c0;
    background-color: transparent;
    text-decoration: none;
}

.footer_resize .lf {
    float: left;
}

.footer_resize .rf {
    float: right;
}

a {
    outline: none;
}

/*ADD*/

.pure-form input[type=text], .pure-form input[type=password], .pure-form input[type=email], .pure-form input[type=url], .pure-form input[type=date], .pure-form input[type=month], .pure-form input[type=time], .pure-form input[type=datetime], .pure-form input[type=datetime-local], .pure-form input[type=week], .pure-form input[type=number], .pure-form input[type=search], .pure-form input[type=tel], .pure-form input[type=color], .pure-form select, .pure-form textarea {
    padding: .5em .6em;
    display: inline-block;
    border: 1px solid #ccc;
    box-shadow: inset 0 1px 3px #ddd;
    border-radius: 4px;
    vertical-align: middle;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box
}

.pure-form input:not([type]) {
    padding: .5em .6em;
    display: inline-block;
    border: 1px solid #ccc;
    box-shadow: inset 0 1px 3px #ddd;
    border-radius: 4px;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box
}

.pure-form input[type=color] {
    padding: .2em .5em
}

.pure-form input[type=text]:focus, .pure-form input[type=password]:focus, .pure-form input[type=email]:focus, .pure-form input[type=url]:focus, .pure-form input[type=date]:focus, .pure-form input[type=month]:focus, .pure-form input[type=time]:focus, .pure-form input[type=datetime]:focus, .pure-form input[type=datetime-local]:focus, .pure-form input[type=week]:focus, .pure-form input[type=number]:focus, .pure-form input[type=search]:focus, .pure-form input[type=tel]:focus, .pure-form input[type=color]:focus, .pure-form select:focus, .pure-form textarea:focus {
    outline: 0;
    border-color: #129FEA
}

.pure-form input:not([type]):focus {
    outline: 0;
    border-color: #129FEA
}

.pure-form input[type=file]:focus, .pure-form input[type=radio]:focus, .pure-form input[type=checkbox]:focus {
    outline: thin solid #129FEA;
    outline: 1px auto #129FEA
}

.pure-form .pure-checkbox, .pure-form .pure-radio {
    margin: .5em 0;
    display: block
}

.pure-form input[type=text][disabled], .pure-form input[type=password][disabled], .pure-form input[type=email][disabled], .pure-form input[type=url][disabled], .pure-form input[type=date][disabled], .pure-form input[type=month][disabled], .pure-form input[type=time][disabled], .pure-form input[type=datetime][disabled], .pure-form input[type=datetime-local][disabled], .pure-form input[type=week][disabled], .pure-form input[type=number][disabled], .pure-form input[type=search][disabled], .pure-form input[type=tel][disabled], .pure-form input[type=color][disabled], .pure-form select[disabled], .pure-form textarea[disabled] {
    cursor: not-allowed;
    background-color: #eaeded;
    color: #cad2d3
}

.pure-form input:not([type])[disabled] {
    cursor: not-allowed;
    background-color: #eaeded;
    color: #cad2d3
}

.pure-form input[readonly], .pure-form select[readonly], .pure-form textarea[readonly] {
    background-color: #eee;
    color: #777;
    border-color: #ccc
}

.pure-form input:focus:invalid, .pure-form textarea:focus:invalid, .pure-form select:focus:invalid {
    color: #b94a48;
    border-color: #e9322d
}

.pure-form input[type=file]:focus:invalid:focus, .pure-form input[type=radio]:focus:invalid:focus, .pure-form input[type=checkbox]:focus:invalid:focus {
    outline-color: #e9322d
}

.pure-form select {
    height: 2.25em;
    border: 1px solid #ccc;
    background-color: #fff
}

.pure-form select[multiple] {
    height: auto
}

.pure-form label {
    margin: .5em 0 .2em
}

.pure-form fieldset {
    margin: 0;
    padding: .35em 0 .75em;
    border: 0
}

.pure-form legend {
    display: block;
    width: 100%;
    padding: .3em 0;
    margin-bottom: .3em;
    color: #333;
    border-bottom: 1px solid #e5e5e5
}

.pure-form-stacked input[type=text], .pure-form-stacked input[type=password], .pure-form-stacked input[type=email], .pure-form-stacked input[type=url], .pure-form-stacked input[type=date], .pure-form-stacked input[type=month], .pure-form-stacked input[type=time], .pure-form-stacked input[type=datetime], .pure-form-stacked input[type=datetime-local], .pure-form-stacked input[type=week], .pure-form-stacked input[type=number], .pure-form-stacked input[type=search], .pure-form-stacked input[type=tel], .pure-form-stacked input[type=color], .pure-form-stacked input[type=file], .pure-form-stacked select, .pure-form-stacked label, .pure-form-stacked textarea {
    display: block;
    margin: .25em 0
}

.pure-form-stacked input:not([type]) {
    display: block;
    margin: .25em 0
}

.pure-form-aligned input, .pure-form-aligned textarea, .pure-form-aligned select, .pure-form-aligned .pure-help-inline, .pure-form-message-inline {
    display: inline-block;
    *display: inline;
    *zoom: 1;
    vertical-align: middle
}

.pure-form-aligned textarea {
    vertical-align: top
}

.pure-form-aligned .pure-control-group {
    margin-bottom: .5em;
}

.pure-form-aligned .pure-control-group input{
    width: 60%;
}

.pure-form-aligned .pure-control-group select{
    width: 40%;
}

.pure-form-aligned .pure-control-group label {
    text-align: right;
    display: inline-block;
    vertical-align: middle;
    width: 10em;
    margin: 0 1em 0 0
}

.pure-form-aligned .pure-controls {
    margin: 1.5em 0 0 11em
}

.pure-form input.pure-input-rounded, .pure-form .pure-input-rounded {
    border-radius: 2em;
    padding: .5em 1em
}

.pure-form .pure-group fieldset {
    margin-bottom: 10px
}

.pure-form .pure-group input, .pure-form .pure-group textarea {
    display: block;
    padding: 10px;
    margin: 0 0 -1px;
    border-radius: 0;
    position: relative;
    top: -1px
}

.pure-form .pure-group input:focus, .pure-form .pure-group textarea:focus {
    z-index: 3
}

.pure-form .pure-group input:first-child, .pure-form .pure-group textarea:first-child {
    top: 1px;
    border-radius: 4px 4px 0 0;
    margin: 0
}

.pure-form .pure-group input:first-child:last-child, .pure-form .pure-group textarea:first-child:last-child {
    top: 1px;
    border-radius: 4px;
    margin: 0
}

.pure-form .pure-group input:last-child, .pure-form .pure-group textarea:last-child {
    top: -2px;
    border-radius: 0 0 4px 4px;
    margin: 0
}

.pure-form .pure-group button {
    margin: .35em 0
}

.pure-form .pure-input-1 {
    width: 100%
}

.pure-form .pure-input-2-3 {
    width: 66%
}

.pure-form .pure-input-1-2 {
    width: 50%
}

.pure-form .pure-input-1-3 {
    width: 33%
}

.pure-form .pure-input-1-4 {
    width: 25%
}

.pure-form .pure-help-inline, .pure-form-message-inline {
    display: inline-block;
    padding-left: .3em;
    color: #666;
    vertical-align: middle;
    font-size: .875em
}

.pure-form-message {
    display: block;
    color: #666;
    font-size: .875em
}

.abutton {
    background: #3498db;
    background-image: -webkit-linear-gradient(top, #3498db, #0a83c0);
    background-image: -moz-linear-gradient(top, #3498db, #0a83c0);
    background-image: -ms-linear-gradient(top, #3498db, #0a83c0);
    background-image: -o-linear-gradient(top, #3498db, #0a83c0);
    background-image: linear-gradient(to bottom, #3498db, #0a83c0);
    -webkit-border-radius: 5;
    -moz-border-radius: 5;
    border-radius: 5px;
    font-family: Arial;
    color: #ffffff;
    font-size: 14px;
    padding: 5px 20px 5px 20px;
    text-decoration: none;
}

.abutton:hover {
    background: #3cb0fd;
    background-image: -webkit-linear-gradient(top, #3cb0fd, #0a83c0);
    background-image: -moz-linear-gradient(top, #3cb0fd, #0a83c0);
    background-image: -ms-linear-gradient(top, #3cb0fd, #0a83c0);
    background-image: -o-linear-gradient(top, #3cb0fd, #0a83c0);
    background-image: linear-gradient(to bottom, #3cb0fd, #0a83c0);
    text-decoration: none;
}

.reglink {
    height: 30px;
    display: inline;
    padding-top: 5px;
    float: right;
}

.formlogin {
    width: 520px;
    text-align: center;
    margin: 0 auto;
    height: 30px;
}

.loginform {
    float: left;

}

.loginformfield {
    width: 150px;
}

.loginvisible {
    display: block;
    padding-bottom: 1em;
}

.logininvisible {
    display: none;
}

.grade {
    width: 40px;
    text-align: right;
}

.section-name {
    width: 100%;
    font-weight: bold;
    font-size: larger;
    text-align: left;
    margin-left: 200px;
    margin-bottom: 20px;
    color: darkslateblue;
}

.description {
    font-size: small;
    margin-bottom: 2em;
}

.course-name {
    font-weight: bold;
}

/*Search field*/

div.wicket-aa {
    background-color: white;
    border: 1px solid;
    color: black;
    font-size: small;
}

div.wicket-aa ul {
    list-style-image: none;
    list-style-position: outside;
    list-style-type: none;
    margin: 1px;
    padding: 5px;
}

div.wicket-aa ul li.selected {
    background-color: #CCCCCC;
}

.feedbackPanelERROR {
    color: red;
    display: block;
    /*position: absolute;*/
    /*left: 115px;*/
    /*top: 55px;*/
    /*width: 300px;*/
    /*text-align: right;*/
}

.language-panel {
    position: absolute;
    right: 100px;
    top: 4px;
}

.break {
    height: 2em;
}

.break-small {
    height: 1em;
}

.section-wrapper {
    /*style: block;*/
    width: 340px;
    /*background: #BFF08E;*/
    height: 40px;
}

.section-image {
    width: 40px;
    /*background: sandybrown;*/
    display: inline;
    height: 40px;
}

.section-text-courses {
    width: 300px;
    /*background: orange;*/
    display: inline;
    height: 40px;
    float: right;
}